<template>
  <div class="home" >
    <!-- <Header/> -->
    <BriefIntroduction @experoemce="experoemceHandler"/>
    <MainContent />
    <FunctionInfo />
    <BusinessInfo :list="list"/>
    <div class="copy-right">Copyright  版权所有  苏ICP备17071733号-2</div>
    <ReachMe />
    <Popover @confirm="confirmHandler" v-model:show="showPop"/>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import {getCompanyList} from '~/service/api'
// import Header from '~/components/Header/index.vue'
import Popover from '~/components/Popover/index.vue'
import BriefIntroduction from './components/BriefIntroduction.vue'
import MainContent from './components/MainContent.vue'
import BusinessInfo from './components/BusinessInfo.vue'
import FunctionInfo from './components/FunctionInfo.vue'
import ReachMe from './components/ReachMe.vue'

const list = ref({})
const showPop = ref(false)

const experoemceHandler = () => {

  showPop.value = true

}

let confirmHandler = () => {

  window.location.href = 'https://www.webfunny.cn/'

}

let getList = () => {

  getCompanyList()
    .then(res => {

      list.value = res

    })

}

getList()


</script>

<style lang="stylus" scoped>
@import '~/styles/common.styl';
.copy-right
  height 60px
  background #F8F8FB
  font-size 12px
  font-weight 400
  color #828594
  line-height 17px
  {flexBox}
</style>
